<template>
  <m-page>
    <m-header>
      <div class="g-content">
        <!-- 头部 -->
        <div class="g-header">
          <ynet-cell-item class="g-item" title="长湘贷信用卡（尾号1234）">
            <template slot="left">
              <div class="g-img"></div>
            </template>
            <ynet-switch slot="right" v-model="open" />
          </ynet-cell-item>
        </div>
        <!-- 表单 -->
        <div class="g-form">
          <ynet-input-item
            ref="input0"
            title="还款方式"
            value="按账单扣款（全额扣款）"
            readonly
          ></ynet-input-item>
          <ynet-cell-item arrow>
            <template slot="default">
              <span>付款账户</span>&nbsp;&nbsp;&nbsp;&nbsp;
              <span class="g-checkaccount">请选择付款账户</span>
            </template>
          </ynet-cell-item>
          <ynet-input-item
            ref="input0"
            title="户名"
            value="李莎莎"
            readonly
          ></ynet-input-item>
          <ynet-input-item
            ref="input0"
            title="还款币种"
            value="人民币"
            readonly
          ></ynet-input-item>
        </div>
        <!-- 按钮 -->
        <div class="g-button">
          <div class="g-radio">
            <input type="radio" />&nbsp;我已阅读并同意<a href="javascript:;"
              >《长沙银行支付计划服务协议》</a
            >
          </div>
          <div class="g-certain">
            <ynet-button type="warning" inactive>确定</ynet-button>
          </div>
          <div class="g-tip">
            <p>
              温馨提示:<br />
              1、付款账户仅支持本人名下长沙银行借记卡账户。<br />
              2、持卡人需提前为长湘贷卡到期日前足额还款，否则未归还部分将按万分之五/天收透支利息<br />
              3、自动还款每期仅还账单中的手续费，如您单笔长湘贷卡本金到期，需主动归还本金到长湘贷卡。
            </p>
          </div>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import {
  CellItem,
  Switch,
  Icon,
  Tag,
  Field,
  InputItem,
  Button
} from "ynet-mobile";
export default {
  components: {
    [CellItem.name]: CellItem,
    [Switch.name]: Switch,
    [Icon.name]: Icon,
    [Tag.name]: Tag,
    [Field.name]: Field,
    [InputItem.name]: InputItem,
    [Button.name]: Button
  },
  data() {
    return {
      open: true,
      inactive: true
    };
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
